<!doctype html><html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>view - position: fixed</title>
<style type="text/css">
@import url(../../README.css);
.reflect {
  border: 4px solid navy;
  -uu-border-radius: 4px;
  -uu-box-shadow: skyblue 10px 10px 5px;
}
.view1 {
  padding: 10px;
  position: fixed;
  top: 10px; left: 100px;
  border: 1px solid blue;
}
.tgt1 {
  margin: 20px; /* keyword */

  width: 250px;
  height: 150px;
}

.view2 {
  padding: 10px;
  position: fixed;
  top: 100px; left: 500px;
  border: 1px solid blue;
}
.tgt2 {
  margin: auto; /* keyword */

  width: 250px;
  height: 150px;
}
</style>
<script type="text/xaml" id="xaml"><?xml version="1.0"?>
  <Canvas xmlns="http://schemas.microsoft.com/client/2007"></Canvas></script>
<!--
<script src="../../../src/uuMeta.js"></script>
<script src="../../../src/uuResize.js"></script>
<script src="../../../src/uuStyle.js"></script>
<script src="../../../src/uuStyleSheet.js"></script>
<script src="../../../src/uuQuery.js"></script>
<script src="../../../src/uuColor.js"></script>
<script src="../../../src/uuCanvas.js"></script>
<script src="../../../src/uuLayer.js"></script>
<script src="../../../src/uuAltCSS.js"></script>
<script src="../../../src/uuAltCSS+.js"></script>
<script src="../../../src/uuDump.js"></script>
 -->
<script src="../../uuAltCSS.js"></script>

</head><body>

<div class="view1">
  <pre>
.view1 {
  padding: 10px;
  position: fixed;
  top: 10px; left: 100px;
  border: 1px solid blue;
}
  </pre>
  <div class="tgt1 reflect">
    <pre>
.tgt1 {
  margin: 20px; /* keyword */

  width: 250px;
  height: 150px;
}
    </pre>
  </div>
</div>

<div class="view2">
  <pre>
.view2 {
  padding: 10px;
  position: fixed;
  top: 100px; left: 500px;
  border: 1px solid blue;
}
  </pre>
  <div class="tgt2 reflect">
    <pre>
.tgt2 {
  margin: auto; /* keyword */

  width: 250px;
  height: 150px;
}
    </pre>
  </div>
</div>
<pre>
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
a
</pre>

</body></html>
